
<template>
    <div class="app">
      @func 定义的方法 子组件能过this.$emit 调用，并把值 传递到父组件中
      <child  @func="getMsgFormSon"/>
      <hr>
          传值给子组件     我是你爸爸 传功给儿子 绑定动态属性，儿子组件 通过props接收
        <child  @func="getMsgFormSon" :age="age" :sex = "sex"></child>
      <hr>
        父组件 调用子组件的方法
        <button @click="fuck">调用子组件的方法</button>
        <son ref="son" />
      <hr>
      子组件调用父组件的方法
      https://www.cnblogs.com/jin-zhe/p/9523782.html

    </div>
</template>
<script>
  //https://www.jianshu.com/p/94c36323f733 Vue父组件调用子组件事件的两种方法
import child from './son.vue'
import son from './son.vue'
export default {
    data () {
        return {
            age:"18",
            sex:"中性",
            msgFormSon: "this is msg",
        }
    },
    components:{
        child,
      son,
    },
    methods:{
            getMsgFormSon(data){
                this.msgFormSon = data
                console.log(this.msgFormSon)
            },
           fuck(){
             this.$refs.son.girl();//调用子组件的方法
           }
    }
}
</script>
